<template>
    <div class="header">
        <span class="header_text"> {{ title }}</span>
    </div>
</template>

<script setup lang="ts">
import store from '@/store';
const title = computed(() => {
    return store.getters.activeMenu.meta?.title
})
</script>

<style lang="scss" scoped>
.header {
    background-color: #f3f3f3;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;

    .header_text {
        font-size: 12px;
        color: #999;
        @include flex-align-center;

        &::before {
            content: ' ';
            background-color: $primary-color;
            width: 5px;
            height: 20px;
            display: inline-block;
            margin-right: 6px;
        }
    }
}
</style>